<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style  lang="scss">
		@import "uview-ui/index.scss";
	/*每个页面公共css */
	.main {
		padding: 0 20rpx;
	}

	/* 垂直水平居住 */
	.flexA {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* 水平居中 */
	.flexB {
		display: flex;
		align-items: center;
	}

	.flexh {
		display: flex;
		justify-content: center;
	}

	.flexC {
		display: flex;
		justify-content: space-between;

	}


	/* flex布局 */
	.flexQ {
		display: flex;
	}

	.flexD {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.flexj {
		display: flex;
		flex-direction: column;
	}

	.flexF {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.flexE {
		display: flex;
		flex-wrap: wrap; //换行
	}

	.wrap {

		flex-wrap: wrap;
	}

	.text {
		display: -webkit-box;
		/* 将元素显示为弹性盒子 */
		-webkit-box-orient: vertical;
		/* 设置子元素在纵轴上堆叠 */
		overflow: hidden;
		/* 溢出部分隐藏 */
		-webkit-line-clamp: 2;
		/* 最多显示3行 */
		text-overflow: ellipsis;
		/* 溢出部分显示为省略号 */
	}
</style>
